
   <!-- <div class="row">
        <div class="col-md-12">
            <div id="myCarousel" class="carousel slide">
                &lt;!&ndash; 轮播（Carousel）指标 &ndash;&gt;
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                </ol>
                &lt;!&ndash; 轮播（Carousel）项目 &ndash;&gt;
                <div class="carousel-inner">
                    <div class="item active">
                       <img src="../res/images/pic1_bak.png" alt="First slide">
                    </div>
                    <div class="item">
                        <img src="../res/images/pic2_bak.png" alt="Second slide">
                    </div>
                </div>
                &lt;!&ndash; 轮播（Carousel）导航 &ndash;&gt;
                <a class="carousel-control left" href="#myCarousel"
                   data-slide="prev">&lsaquo;</a>
                <a class="carousel-control right" href="#myCarousel"
                   data-slide="next">&rsaquo;</a>
            </div>
        </div>
    </div>-->


    <div class="row">
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="panel-title">
                    付费社区
                </div>
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-2">
                        <div class="pic fix">
                            <a href="detail.html">
                                <img src="../res/images/mm2.jpg" />
                            </a>
                        </div>
                    </div>
                    <div class="col-md-10">
                        <div class="archive-list">
                            <div class="archive-list-item">
                                <div class="post-intro" >
                                    <h4><a target="_blank" href="http://www.runoob.com/bootstrap/bootstrap-v2-intro.html" rel="bookmark" title=" <em>Bootstrap</em> 简介"> <em>Bootstrap</em> 简介</a> <i class="fa fa-external-link"></i></h4>
                                    <p>
                                        Bootstrap 简介 目标 Bootstrap是最流行的前端框架，目前已经发布了它的第三个版本（v3.0.0）。本教程将带您开始学习 Bootstrap
                                        3。 您还将看到如何使用自定义与众不同...							</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                        <div class="col-md-2">
                            <div class="pic fix">
                                <a href="detail.html">
                                    <img src="../res/images/mm2.jpg" />
                                </a>
                            </div>
                        </div>
                        <div class="col-md-10">
                            <div class="archive-list">
                                <div class="archive-list-item">
                                    <div class="post-intro" >
                                        <h4><a target="_blank" href="http://www.runoob.com/bootstrap/bootstrap-v2-intro.html" rel="bookmark" title=" <em>Bootstrap</em> 简介"> <em>Bootstrap</em> 简介</a> <i class="fa fa-external-link"></i></h4>
                                        <p>
                                            Bootstrap 简介 目标 Bootstrap是最流行的前端框架，目前已经发布了它的第三个版本（v3.0.0）。本教程将带您开始学习 Bootstrap
                                            3。 您还将看到如何使用自定义与众不同...							</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="panel-title">
                    创作社区
                </div>
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-2">
                        <div class="pic fix">
                            <a href="detail.html">
                                <img src="../res/images/mm2.jpg" />
                            </a>
                        </div>
                    </div>
                    <div class="col-md-10">
                        <div class="archive-list">
                            <div class="archive-list-item">
                                <div class="post-intro" >
                                    <h4><a target="_blank" href="http://www.runoob.com/bootstrap/bootstrap-v2-intro.html" rel="bookmark" title=" <em>Bootstrap</em> 简介"> <em>Bootstrap</em> 简介</a> <i class="fa fa-external-link"></i></h4>
                                    <p>
                                        Bootstrap 简介 目标 Bootstrap是最流行的前端框架，目前已经发布了它的第三个版本（v3.0.0）。本教程将带您开始学习 Bootstrap
                                        3。 您还将看到如何使用自定义与众不同...							</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-2">
                        <div class="pic fix">
                            <a href="detail.html">
                                <img src="../res/images/mm2.jpg" />
                            </a>
                        </div>
                    </div>
                    <div class="col-md-10">
                        <div class="archive-list">
                            <div class="archive-list-item">
                                <div class="post-intro" >
                                    <h4><a target="_blank" href="http://www.runoob.com/bootstrap/bootstrap-v2-intro.html" rel="bookmark" title=" <em>Bootstrap</em> 简介"> <em>Bootstrap</em> 简介</a> <i class="fa fa-external-link"></i></h4>
                                    <p>
                                        Bootstrap 简介 目标 Bootstrap是最流行的前端框架，目前已经发布了它的第三个版本（v3.0.0）。本教程将带您开始学习 Bootstrap
                                        3。 您还将看到如何使用自定义与众不同...							</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>